<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>堆糖</title>
    <link href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://cdn.bootcss.com/font-awesome/5.8.2/css/all.min.css" rel="stylesheet">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="swiper-4.5.0/dist/css/swiper.min.css">
</head>
<body>



<nav class="navbar navbar-expand-lg navbar-light bg-light">
    <div class="container">
    <a class="navbar-brand" href="#" style="font-size: 40px;color: red">堆糖</a>
        <button type="button" class="btn btn-outline-secondary" id="zhankai">分类∨</button>
        <div class="xiala" id="xiala1">
            <div class="dt-nav-btn">
                <a class="dt-nav-hot-link" href="">热门推荐 <i></i></a>
                <a class="dt-nav-new-link" href="">良品购 <i></i></a>
            </div>
            <div class="dt-nav-content">
                <div class="row">
                    <div class="col-md-3">
                        <a href="">家居生活</a>
                        <a href="">美妆造型</a>
                        <a href="">影音书籍</a>
                        <a href="">搞笑萌宠</a>
                        <a href="">壁纸</a>
                    </div>
                    <div class="col-md-3">
                        <a href="">美食菜谱</a>
                        <a href="">婚纱婚礼</a>
                        <a href="">人物明星</a>
                        <a href="">人文艺术</a>
                        <a href="">旅行</a>
                    </div>
                    <div class="col-md-3">
                        <a href="">手工DIY</a>
                        <a href="">文字造句</a>
                        <a href="">植物多肉</a>
                        <a href="">设计</a>

                        <a href="">头像</a>
                    </div>
                    <div class="col-md-3">
                        <a href="">时尚搭配</a>
                        <a href="">插画绘画</a>
                        <a href="">生活百科</a>
                        <a href="">古风</a>

                        <a href="">摄影</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="input-group mb-3">
            <input type="text" class="form-control" placeholder="搜索感兴趣内容" aria-label="Recipient's username" aria-describedby="basic-addon2">
            <div class="input-group-append">
                <button><span class="input-group-text" id="basic-addon2"><i class="fab fa-sistrix"></i></span></button>
            </div>
        </div>
        <div class="collapse" id="navbarSupportedContent">
            <ul class="navbar-nav mr-auto">
                <li class="nav-item">
                    <a class="nav-link" href="#" style="width: 112px;margin-right: 74px" >堆糖生活之家</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#" style="width: 87px">注册/登录</a>
                </li>
            </ul>

        </div>
    </div>
</nav>


<main>
    <div class="container">
    <div class="main-1">
        <div class="row">
       <div class="col-md-1">
           <img src="img/2.png" alt="">
       </div>
            <div class="col-md-3">
                <p class="p1">女生必备 <br> 暖心APP</p>
            </div>
            <div class="col-md-3">
                <p class="p2">手机扫一扫下载堆糖APP</p>
            </div>
            <div class="col-md-5">
                <p class="p3">领取108元礼券 抽取99元现金红包</p>
            </div>
        </div>
        </div>

     <div class="iten">
         <div class="row">
             <div class="col-md-9">
                 <div class="swiper-container">
                     <div class="swiper-wrapper">
                         <div class="swiper-slide">
                             <img src="img/3.png" alt="">
                         </div>
                         <div class="swiper-slide">
                             <img src="img/3.png" alt="">
                         </div>
                         <div class="swiper-slide">
                             <img src="img/3.png" alt="">
                         </div>
                     </div>
                     <!-- 如果需要分页器 -->
                     <div class="swiper-pagination"></div>

                     <!-- 如果需要导航按钮 -->
                     <div class="swiper-button-prev"></div>
                     <div class="swiper-button-next"></div>

                 </div>
             </div>
             <div class="col-md-3">
                 <h1 class="h4">社区热点</h1>
                 <div class="anniu">
                     <button type="button" class="btn btn-outline-secondary">欧美风</button>
                     <button type="button" class="btn btn-outline-secondary">美甲</button>
                     <button type="button" class="btn btn-outline-secondary">东宫</button>
                     <button type="button" class="btn btn-outline-secondary">张云雷</button>
                     <button type="button" class="btn btn-outline-secondary">插画</button>
                     <button type="button" class="btn btn-outline-secondary">女生节</button>
                     <button type="button" class="btn btn-outline-secondary">阿丽塔</button>
                     <button type="button" class="btn btn-outline-secondary">猫</button>
                 </div>
                 <div class="input-group  ml-0 mb-3">
                     <div class="input-group-prepend">
                         <span class="input-group-text" id="basic-addon3">精选</span>
                     </div>
                     <input type="text" class="form-control" id="basic-url" placeholder="招募●少女感养成...">
                 </div>
                 <div class="input-group  ml-0 mb-3" id="input-group">
                     <div class="input-group-prepend">
                         <span class="input-group-text">精选</span>
                     </div>
                     <input type="text" class="form-control" id="form-control" placeholder="堆糖收图小助手">
                 </div>
                 <div class="item-2">
                     <div class="row">
                         <div class="col-md-3">
                             <img src="img/41.png" alt="">
                         </div>
                         <div class="col-md-9">
                             <h2 class="h6">堆糖-美好生活研究索</h2>
                             <p>最佳生活类应用</p>
                             <button type="button" class="btn btn-danger">立即下载</button>
                         </div>
                     </div>
                 </div>
             </div>
         </div>
     </div>
    <div class="main-2">
        <div class="row">
        <div class="col-md-2 pr-0" id="quanbu">
         <div class="jingxuan active">
             <a href="">
                 | 每日精选
             </a>
         </div>

           <div class="dongtai">
               <a href="">
                   | 关注动态
               </a>
           </div>
        </div>
        <div class="col-md-7 pl-0">
        <div class="content">
                <div class="content1">
                    <img src="img/4.png" alt="">
                    <a href="">堆糖小喇叭</a>
                    <span style="color: #aaaaaa">热门内容</span>
                    <p>留下壁纸，我们就是朋友！</p>
                    <img class="img" src="img/101.png" alt="">
                    <img class="img1" src="img/4.png" alt="">
                    <button type="button" class="btn btn-secondary" id="btn1">堆糖小喇叭</button>
                    <button type="button" class="btn btn-secondary" id="btn2"><i class="fas fa-poll-h"></i>文章</button>
                </div>
            <div class="content2">
                <div class="row">
                    <div class="col-md-4" id="col1">
                        <p><i class="far fa-thumbs-up" style="cursor:pointer">&nbsp;&nbsp;&nbsp;<span  id="p2" onclick="zan()">140</span> </i></p>
                    </div>
                    <div class="col-md-4" id="col2">
                        <p><i class="far fa-star" style="cursor:pointer">&nbsp;&nbsp;&nbsp; <span  id="p1" onclick="guan()">219</span> </i></p>
                    </div>
                    <div class="col-md-4">
                        <p style="cursor:pointer">●●●更多</p>
                    </div>
                </div>
            </div>
        </div>
            <div class="content-1">
                <div class="content1-1">
                    <img src="img/9.png" alt="">
                    <a href="">coloroom彩条屋</a>
                    <span style="color: #aaaaaa">热门内容</span>
                    <p>让观众苦等十年的《夏目友人帐》，到底是什么？</p>
                    <img class="img" src="img/10.png" alt="">
                    <img class="img1" src="img/9.png" alt="">
                    <button type="button" class="btn btn-secondary" id="btn3">coloroom彩条屋</button>
                    <button type="button" class="btn btn-secondary" id="btn4"><i class="fas fa-poll-h"></i>文章</button>
                </div>
                <div class="content2-1">
                    <div class="row">
                        <div class="col-md-4" id="col3">
                            <p><i class="far fa-thumbs-up" style="cursor:pointer">&nbsp;&nbsp;&nbsp;1228</i></p>
                        </div>
                        <div class="col-md-4" id="col4">
                            <p><i class="far fa-star" style="cursor:pointer">&nbsp;&nbsp;&nbsp;1581</i></p>
                        </div>
                        <div class="col-md-4">
                            <p style="cursor:pointer">●●●更多</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="content-2">
                <div class="content1-1">
                    <img src="img/11.png" alt="">
                    <a href="">美少女PINK酱</a>
                    <span style="color: #aaaaaa">热门内容</span>
                    <p>9.9包邮的宿舍神器，好用死了！连查寝老师都跟我要链接！</p>
                    <img class="img" src="img/12.png" alt="">
                    <img class="img1" src="img/11.png" alt="">
                    <button type="button" class="btn btn-secondary" id="btn5">美少女PINK酱</button>
                    <button type="button" class="btn btn-secondary" id="btn6"><i class="fas fa-poll-h"></i>文章</button>
                </div>
                <div class="content2-1">
                    <div class="row">
                        <div class="col-md-4" id="col5">
                            <p><i class="far fa-thumbs-up" style="cursor:pointer">&nbsp;&nbsp;&nbsp;161</i></p>
                        </div>
                        <div class="col-md-4" id="col6">
                            <p><i class="far fa-star" style="cursor:pointer">&nbsp;&nbsp;&nbsp;765</i></p>
                        </div>
                        <div class="col-md-4">
                            <p style="cursor:pointer">●●●更多</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="content-3">
                <div class="content1-1">
                    <img src="img/13.png" alt="">
                    <a href="">-你是我全世界最喜欢的猪-</a>
                    <span style="color: #aaaaaa">热门内容</span>
                    <p>有哪些适合摘抄的文艺且凄凉的句子？</p>
                    <img class="img" src="img/14.png" alt="">
                </div>
                <div class="content2-1">
                    <div class="row">
                        <div class="col-md-4" id="col7">
                            <p><i class="far fa-thumbs-up" style="cursor:pointer">&nbsp;&nbsp;&nbsp;82</i></p>
                        </div>
                        <div class="col-md-4" id="col8">
                            <p><i class="far fa-star" style="cursor:pointer">&nbsp;&nbsp;&nbsp;274</i></p>
                        </div>
                        <div class="col-md-4">
                            <p style="cursor:pointer">●●●更多</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="content-4">
                <div class="content1-1">
                    <img src="img/15.png" alt="">
                    <a href="">干脆面炼金术士</a>
                    <span style="color: #aaaaaa">热门内容</span>
                    <p>人生的意义，在于一天比一天活得快乐</p>
                    <img class="img" src="img/16.png" alt="">
                    <img class="img1" src="img/15.png" alt="">
                    <button type="button" class="btn btn-secondary" id="btn9">干脆面炼金术士</button>
                    <button type="button" class="btn btn-secondary" id="btn10"><i class="fas fa-poll-h"></i>文章</button>
                </div>
                <div class="content2-1">
                    <div class="row">
                        <div class="col-md-4" id="col9">
                            <p><i class="far fa-thumbs-up" style="cursor:pointer">&nbsp;&nbsp;&nbsp;54</i></p>
                        </div>
                        <div class="col-md-4" id="col10">
                            <p><i class="far fa-star" style="cursor:pointer">&nbsp;&nbsp;&nbsp;104</i></p>
                        </div>
                        <div class="col-md-4">
                            <p style="cursor:pointer">●●●更多</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="content-5">
                <div class="content1-1">
                    <img src="img/4.png" alt="">
                    <a href="">堆糖小喇叭</a>
                    <span style="color: #aaaaaa">主题-我曾为你动过情</span>
                    <p>我曾为你动过情</p>
                    <img class="img" src="img/17.png" alt="">
                    <img class="img1" src="img/4.png" alt="">
                    <button type="button" class="btn btn-secondary" id="btn11">堆糖小喇叭</button>
                    <button type="button" class="btn btn-secondary" id="btn12"><i class="fas fa-poll-h"></i>文章</button>
                </div>
                <div class="content2-1">
                    <div class="row">
                        <div class="col-md-4" id="col11">
                            <p><i class="far fa-thumbs-up" style="cursor:pointer">&nbsp;&nbsp;&nbsp;300</i></p>
                        </div>
                        <div class="col-md-4" id="col12">
                            <p><i class="far fa-star" style="cursor:pointer">&nbsp;&nbsp;&nbsp;665</i></p>
                        </div>
                        <div class="col-md-4">
                            <p style="cursor:pointer">●●●更多</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="content-6">
                <div class="content1-1">
                    <img src="img/13.png" alt="">
                    <a href="">-你是我全世界最喜欢的猪-</a>
                    <span style="color: #aaaaaa">热门内容</span>
                    <p>登上79所高校学生借阅排行榜的九本书</p>
                    <img class="img" src="img/18.png" alt="">
                </div>
                <div class="content2-1">
                    <div class="row">
                        <div class="col-md-4" id="col13">
                            <p><i class="far fa-thumbs-up" style="cursor:pointer">&nbsp;&nbsp;&nbsp;59</i></p>
                        </div>
                        <div class="col-md-4" id="col14">
                            <p><i class="far fa-star" style="cursor:pointer">&nbsp;&nbsp;&nbsp;151</i></p>
                        </div>
                        <div class="col-md-4">
                            <p style="cursor:pointer">●●●更多</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="content-7">
                <div class="content1-1">
                    <img src="img/19.png" alt="">
                    <a href="">情写风月</a>
                    <span style="color: #aaaaaa">热门内容</span>
                    <p>799风景内测美化包</p>
                    <img class="img" src="img/20.png" alt="">
                    <img class="img1" src="img/19.png" alt="">
                    <button type="button" class="btn btn-secondary" id="btn15">堆糖小喇叭</button>
                    <button type="button" class="btn btn-secondary" id="btn16"><i class="fas fa-poll-h"></i>文章</button>
                </div>
                <div class="content2-1">
                    <div class="row">
                        <div class="col-md-4" id="col15">
                            <p><i class="far fa-thumbs-up" style="cursor:pointer">&nbsp;&nbsp;&nbsp;35</i></p>
                        </div>
                        <div class="col-md-4" id="col16">
                            <p><i class="far fa-star" style="cursor:pointer">&nbsp;&nbsp;&nbsp;22</i></p>
                        </div>
                        <div class="col-md-4">
                            <p style="cursor:pointer">●●●更多</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="content-8">
                <div class="content1-1">
                    <img src="img/21.png" alt="">
                    <a href="">审</a>
                    <span style="color: #aaaaaa">热门内容</span>
                    <p>火影你们粉谁 留名我去头像！</p>
                    <img class="img" src="img/22.png" alt="">
                </div>
                <div class="content2-1">
                    <div class="row">
                        <div class="col-md-4" id="col17">
                            <p><i class="far fa-thumbs-up" style="cursor:pointer">&nbsp;&nbsp;&nbsp;9</i></p>
                        </div>
                        <div class="col-md-4" id="col18">
                            <p><i class="far fa-star" style="cursor:pointer">&nbsp;&nbsp;&nbsp;1</i></p>
                        </div>
                        <div class="col-md-4">
                            <p style="cursor:pointer">●●●更多</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="content-9">
            <div class="content1-1">
                <img src="img/11.png" alt="">
                <a href="">美少女PINK酱</a>
                <span style="color: #aaaaaa">热门内容</span>
                <p>初春外套美炸天！！第一件闺蜜追着我要连接</p>
                <img class="img" src="img/24.png" alt="">
                <img class="img1" src="img/11.png" alt="">
                <button type="button" class="btn btn-secondary" id="btn19">美少女PINK酱</button>
                <button type="button" class="btn btn-secondary" id="btn20"><i class="fas fa-poll-h"></i>文章</button>
            </div>
            <div class="content2-1">
                <div class="row">
                    <div class="col-md-4" id="col19">
                        <p><i class="far fa-thumbs-up" style="cursor:pointer">&nbsp;&nbsp;&nbsp;57</i></p>
                    </div>
                    <div class="col-md-4" id="col20">
                        <p><i class="far fa-star" style="cursor:pointer">&nbsp;&nbsp;&nbsp;126</i></p>
                    </div>
                    <div class="col-md-4">
                        <p style="cursor:pointer">●●●更多</p>
                    </div>
                </div>
            </div>
        </div>
            <div class="content-10">
                <div class="content1-1">
                    <img src="img/4.png" alt="">
                    <a href="">堆糖小喇叭</a>
                    <span style="color: #aaaaaa">热门内容</span>
                    <p>我的CP真香</p>
                    <img class="img" src="img/27.png" alt="">
                    <img class="img1" src="img/4.png" alt="">
                    <button type="button" class="btn btn-secondary" id="btn21">堆糖小喇叭</button>
                    <button type="button" class="btn btn-secondary" id="btn22"><i class="fas fa-poll-h"></i>文章</button>
                </div>
                <div class="content2-1">
                    <div class="row">
                        <div class="col-md-4" id="col21">
                            <p><i class="far fa-thumbs-up" style="cursor:pointer">&nbsp;&nbsp;&nbsp;91</i></p>
                        </div>
                        <div class="col-md-4" id="col22">
                            <p><i class="far fa-star" style="cursor:pointer">&nbsp;&nbsp;&nbsp;107</i></p>
                        </div>
                        <div class="col-md-4">
                            <p style="cursor:pointer">●●●更多</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="content-11">
                <div class="content1-1">
                    <img src="img/28.png" alt="">
                    <a href="">白日做梦大熊</a>
                    <span style="color: #aaaaaa">热门内容</span>
                    <p>当女生也太太太太不容易了</p>
                    <img class="img" src="img/29.png" alt="">
                    <img class="img1" src="img/28.png" alt="">
                    <button type="button" class="btn btn-secondary" id="btn23">白日做梦大熊</button>
                    <button type="button" class="btn btn-secondary" id="btn24"><i class="fas fa-poll-h"></i>文章</button>
                </div>
                <div class="content2-1">
                    <div class="row">
                        <div class="col-md-4" id="col23">
                            <p><i class="far fa-thumbs-up" style="cursor:pointer">&nbsp;&nbsp;&nbsp;78</i></p>
                        </div>
                        <div class="col-md-4" id="col24">
                            <p><i class="far fa-star" style="cursor:pointer">&nbsp;&nbsp;&nbsp;76</i></p>
                        </div>
                        <div class="col-md-4">
                            <p style="cursor:pointer">●●●更多</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="content-12">
                <div class="content1-1">
                    <img src="img/13.png" alt="">
                    <a href="">-你是我全世界最喜欢的猪-</a>
                    <span style="color: #aaaaaa">热门内容</span>
                    <p>有哪些好看 值得回味的爱情电影</p>
                    <img class="img" src="img/30.png" alt="">
                </div>
                <div class="content2-1">
                    <div class="row">
                        <div class="col-md-4" id="col25">
                            <p><i class="far fa-thumbs-up" style="cursor:pointer">&nbsp;&nbsp;&nbsp;80</i></p>
                        </div>
                        <div class="col-md-4" id="col26">
                            <p><i class="far fa-star" style="cursor:pointer">&nbsp;&nbsp;&nbsp;293</i></p>
                        </div>
                        <div class="col-md-4">
                            <p style="cursor:pointer">●●●更多</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="content-13">
                <div class="content1-1">
                    <img src="img/31.png" alt="">
                    <a href="">堆糖Class小助手</a>
                    <span style="color: #aaaaaa">热门内容</span>
                    <p>伴随一生的「少女感」，拥有它一点也不难</p>
                    <img class="img" src="img/32.png" alt="">
                    <img class="img1" src="img/31.png" alt="">
                    <button type="button" class="btn btn-secondary" id="btn27">堆糖Class小助手</button>
                    <button type="button" class="btn btn-secondary" id="btn28"><i class="fas fa-poll-h"></i>文章</button>
                </div>
                <div class="content2-1">
                    <div class="row">
                        <div class="col-md-4" id="col27">
                            <p><i class="far fa-thumbs-up" style="cursor:pointer">&nbsp;&nbsp;&nbsp;34</i></p>
                        </div>
                        <div class="col-md-4" id="col28">
                            <p><i class="far fa-star" style="cursor:pointer">&nbsp;&nbsp;&nbsp;31</i></p>
                        </div>
                        <div class="col-md-4">
                            <p style="cursor:pointer">●●●更多</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="content-14">
                <div class="content1-1">
                    <img src="img/33.png" alt="">
                    <a href="">飞乐鸟</a>
                    <span style="color: #aaaaaa">热门内容</span>
                    <p>女生千万别看这些言情小说......不然会被里面的沙雕桥段给</p>
                    <img class="img" src="img/34.png" alt="">
                    <img class="img1" src="img/33.png" alt="">
                    <button type="button" class="btn btn-secondary" id="btn29">飞乐鸟</button>
                    <button type="button" class="btn btn-secondary" id="btn30"><i class="fas fa-poll-h"></i>文章</button>
                </div>
                <div class="content2-1">
                    <div class="row">
                        <div class="col-md-4" id="col29">
                            <p><i class="far fa-thumbs-up" style="cursor:pointer">&nbsp;&nbsp;&nbsp;68</i></p>
                        </div>
                        <div class="col-md-4" id="col30">
                            <p><i class="far fa-star" style="cursor:pointer">&nbsp;&nbsp;&nbsp;63</i></p>
                        </div>
                        <div class="col-md-4">
                            <p style="cursor:pointer">●●●更多</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="content-15">
                <div class="content1-1">
                    <img src="img/11.png" alt="">
                    <a href="">美少女PINK酱</a>
                    <span style="color: #aaaaaa">热门内容</span>
                    <p>7个私藏的小众APP，实用又有bigger，用过三款算我输</p>
                    <img class="img" src="img/35.png" alt="">
                    <img class="img1" src="img/11.png" alt="">
                    <button type="button" class="btn btn-secondary" id="btn31">美少女PINK酱</button>
                    <button type="button" class="btn btn-secondary" id="btn32"><i class="fas fa-poll-h"></i>文章</button>
                </div>
                <div class="content2-1">
                    <div class="row">
                        <div class="col-md-4" id="col31">
                            <p><i class="far fa-thumbs-up" style="cursor:pointer">&nbsp;&nbsp;&nbsp;139</i></p>
                        </div>
                        <div class="col-md-4" id="col32">
                            <p><i class="far fa-star" style="cursor:pointer">&nbsp;&nbsp;&nbsp;461</i></p>
                        </div>
                        <div class="col-md-4">
                            <p style="cursor:pointer">●●●更多</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="content-16">
                <div class="content1-1">
                    <img src="img/13.png" alt="">
                    <a href="">-你是我全世界最喜欢的猪-</a>
                    <span style="color: #aaaaaa">热门内容</span>
                    <p>中国最全的拨弦 击弦类乐器合集 种类十分多 涨姿势了</p>
                    <img class="img" src="img/36.png" alt="">
                </div>
                <div class="content2-1">
                    <div class="row">
                        <div class="col-md-4" id="col33">
                            <p><i class="far fa-thumbs-up" style="cursor:pointer">&nbsp;&nbsp;&nbsp;42</i></p>
                        </div>
                        <div class="col-md-4" id="col34">
                            <p><i class="far fa-star" style="cursor:pointer">&nbsp;&nbsp;&nbsp;71</i></p>
                        </div>
                        <div class="col-md-4">
                            <p style="cursor:pointer">●●●更多</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="content-17">
                <a href="">查看更多∨</a>
            </div>
        </div>
            <div class="col-md-3">
                    <div class="neirong">
                       <div class="neirong1">
                           <h3>推荐关注</h3>
                           <a href="">换一批</a>
                       </div>
                        <div class="neirong2">
                            <div class="row">
                                <div class="col-md-2">
                                    <img src="img/5.png" alt="" class="imgg">
                                </div>
                                <div class="col-md-6">
                                    <a href="">一望损莓苔</a>
                                    <p>擅长领域：手工，园艺</p>
                                </div>
                                <div class="col-md-4">
                                    <button type="button" class="btn btn-danger btnn">关注</button>
                                </div>
                                <div class="col-md-2">
                                    <img src="img/6.png" alt="" class="imgg">
                                </div>
                                <div class="col-md-6">
                                    <a href="">猫头鹰叔叔</a>
                                    <p>擅长领域：摄影</p>
                                </div>
                                <div class="col-md-4">
                                    <button type="button" class="btn btn-danger btnn" >关注</button>
                                </div>
                                <div class="col-md-2">
                                    <img src="img/7.png" alt="" class="imgg">
                                </div>
                                <div class="col-md-6">
                                    <a href="">兔纸鱼</a>
                                    <p>擅长领域：Q版</p>
                                </div>
                                <div class="col-md-4">
                                    <button type="button" class="btn btn-danger btnn">关注</button>
                                </div>
                                <div class="col-md-2">
                                    <img src="img/8.png" alt="" class="imgg">
                                </div>
                                <div class="col-md-6">
                                    <a href="">小熊奶黄包</a>
                                    <p>擅长领域：壁纸，Q版</p>
                                </div>
                                <div class="col-md-4">
                                    <button type="button" class="btn btn-danger btnn" >关注</button>
                                </div>
                            </div>
                        </div>
                    </div>

                <div class="erweima">
                    <h3>
                        女生暖心APP
                    </h3>
                    <img src="img/2.png" alt="">
                    <p class="p2">手机扫一扫下载堆糖APP</p>
                    <p class="p3">领取108元礼券 抽取99元现金红包</p>
                </div>
            </div>
        </div>

        </div>
    </div>

    </div>

</main>








<footer>
<div class="container">
    <div class="row">
        <div class="col-md-3">
            <div class="xiazai">
                <p>APP下载</p>
                <img src="img/37.png" alt="">
                <p>扫描二维码</p>
                <p>下载堆糖手机客服端</p>
            </div>
        </div>
        <div class="col-md-3">
            <ul class="list-unstyled">
                <h6>关于我们</h6>
                <li><a href="">关于我们</a></li>
                <li><a href="">加入我们</a></li>
                <li><a href="">联系我们</a></li>
                <li><a href="">商务合作</a></li>
            </ul>
        </div>
        <div class="col-md-3">
            <ul class="list-unstyled">
            <h6>关注我们</h6>
            <li><a href="">新浪微博</a></li>
            <li><a href="">微信公众号</a></li>
            </ul>
        </div>
        <div class="col-md-3">
            <ul class="list-unstyled">
                <h6>友情链接</h6>
          <div class="row">
              <div class="col-md-6">
                  <li><a href="">爱物网</a></li>

                  <li><a href="">肉丁网</a></li>

              </div>
              <div class="col-md-6">
                  <li><a href="">东方女性网</a></li>
                  <li><a href="">更多..</a></li>
              </div>
          </div>
            </ul>
        </div>
        <div class="col-md-12">
            <p><i class="far fa-copyright">2019 duitang.com 版权所有。泸ICP备10038086号-3 <img src="img/38.png" alt="">
                <img src="img/39.png" alt=""> | 增值电信业务经营许可证: 浙B2-20180610 自营经营者信息 <br> <img src="img/40.png" alt="">
             上海市互联网违法和不良信息举报中心|有害内容举报电话: 021-63462282</i></p>
        </div>
    </div>
</div>
    <div id="fanhui">
        <p>↑</p>
    </div>
</footer>








<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
<script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
<script src="swiper-4.5.0/dist/js/swiper.min.js"></script>
<script src="JavaScript.js">

</script>
</body>
</html>